<div class="background-bg" id="dashboard">
    <div class="page-header text-center bg-none background-bg">
        <img class="logo" src=""/>
        <h3>Welcome fucking Guest!</h3>
    </div>
    <div class="container bg-none background-bg">
        <div class="row">
            <div class="col-xs-6 col-md-3 bg-none ">
              <a href="" class="thumbnail bg-none"data-toggle="modal" data-target="#history-modal" >
                <img class="icon" src="" alt="History">
                <div class="caption text-center font-color">
                    <h3>History</h3>
                </div>
              </a>
            </div>
            <div class="col-xs-6 col-md-3 bg-none">
              <a href="" class="thumbnail bg-none" data-toggle="modal" data-target="#first-law-modal">
                <img class="icon" src="" alt="First Law" />
                <div class="caption text-center font-color">
                    <h3>First Law</h3>
                </div>
              </a>
            </div>
            <div class="col-xs-6 col-md-3 bg-none">
              <a href="" class="thumbnail bg-none" data-toggle="modal" data-target="#second-law-modal">
                <img class="icon" src="" alt="Second Law" />
                <div class="caption text-center font-color">
                    <h3>Second Law</h3>
                </div>
              </a>
            </div>
            <div class="col-xs-6 col-md-3 bg-none">
              <a href="" class="thumbnail bg-none" data-toggle="modal" data-target="#third-law-modal">
                <img class="icon" src="" alt="Third Law"/>
                <div class="caption text-center font-color">
                    <h3>Third Law</h3>
                </div>
              </a>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-md-3 bg-none">
              <a href="" class="thumbnail bg-none" data-toggle="modal" data-target="#impulse-modal">
                <img class="icon" src="" alt="Impulse-momentum" />
                <div class="caption text-center font-color">
                    <h3>Impulse</h3>
                </div>
              </a>
            </div>
            <div class="col-xs-6 col-md-3 bg-none">
              <a href="" class="thumbnail bg-none" data-toggle="modal" data-target="#friction-modal">
                <img class="icon" src=""alt="Friction" />
                <div class="caption text-center font-color">
                    <h3>Friction</h3>
                </div>
              </a>
            </div>
            <div class="col-xs-6 col-md-3 bg-none">
              <a href="#" class="thumbnail bg-none" data-toggle="modal" data-target="#force-modal">
                <img class="icon" src=""alt="Force:cause-of-momentum" />
                <div class="caption text-center font-color">
                    <h3>Force</h3>
                </div>
              </a>
            </div>
               <div class="col-xs-6 col-md-3 bg-none">
              <a href="#" class="thumbnail bg-none" data-toggle="modal" data-target="#video-modal">
                <img class="icon" src="" alt="Video Files" />
                <div class="caption text-center font-color">
                    <h3>Video</h3>
                </div>
              </a>
            </div>
               <div class="col-xs-6 col-md-3 bg-none">
              <a href="#" class="thumbnail bg-none" data-toggle="modal" data-target="#quiz-modal">
                <img class="icon" src="" alt="Quiz" />
                <div class="caption text-center font-color">
                    <h3>Quiz</h3>
                </div>
              </a>
            </div>
        </div>
    </div>
    <footer>
    <div class="foot">
    <span>Copyright&copy;2014 DMMMSU-SLUC-CSS</span>
    </div>
    </footer>
</div>
<!-- Modal for history -------------------------------------------------------->
<div class="modal fade" id="history-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">HISTORY</h4>
      </div>
      <div class="modal-body">
            Fuck Government <br/>
            Fuck Government <br/>
            Fuck Government <br/>
            Fuck Government <br/>
            Fuck Government <br/>Fuck Government <br/>
            Fuck Government <br/>
            Fuck Government <br/>
            Fuck Government <br/>
            Fuck Government <br/>Fuck Government <br/>Fuck Government <br/>Fuck Government <br/>Fuck Government <br/>Fuck Government <br/>Fuck Government <br/>
            
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for first law ------------------------------------------------------>
<div class="modal fade" id="first-law-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">FIRST LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for second law ----------------------------------------------------->
<div class="modal fade" id="second-law-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">SECOND LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for third law ------------------------------------------------------>
<div class="modal fade" id="third-law-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">THIRD LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for impulse law -->
<div class="modal fade" id="impulse-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">FIRST LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for friction ------------------------------------------------------->
<div class="modal fade" id="friction-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">FIRST LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for force  --------------------------------------------------------->
<div class="modal fade" id="force-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">FIRST LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for video law ------------------------------------------------------>
<div class="modal fade" id="video-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">FIRST LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for quiz ----------------------------------------------------------->
<div class="modal fade" id="quiz-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">FIRST LAW</h4>
      </div>
      <div class="modal-body">
            Fuck Government
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Submit</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->